<template>
	<view class="tab-menu">
		<view class="tab-menu-item">
			<view class="tab-menu-item-icon"></view>
			<view class="tab-menu-item-text">快速开单</view>
		</view>
		<view class="tab-menu-item">
			<view class="tab-menu-item-icon"></view>
			<view class="tab-menu-item-text">快速收款</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less">
	.tab-menu {
		display: flex;
		align-items: center;
		border-top: 1px solid #dedede;

		.tab-menu-item {
			padding: 10px 0;
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;

			.tab-menu-item-icon {
				margin-right: 10px;
				width: 30px;
				height: 30px;
				background-color: #3F536E;
			}

			.tab-menu-item-text {
				color: #333;
			}

		}

		.tab-menu-item:last-child {
			border-left: 1px solid #dedede;
		}

	}
</style>
